import * as React from 'react';
import { StyleSheet, View, Text, ScrollView } from 'react-native';
import CourseCourseCollection from './course/CourseCategoryCollection';
import RecommendCourseList from './course/RecommendCourseList';

export default function CourseScreen() {
  return (
    <View style={styles.container}>
      <ScrollView>
        <CourseCourseCollection />
        <Text style={styles.recommendTitle}>推荐课程</Text>
        <RecommendCourseList />
      </ScrollView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  recommendTitle: {
    fontSize: 24,
    textAlign: 'left',
    padding: 12,
  },
});
